
  /* 进入动画 */
  .fade-enter {
    opacity: 0;
    transform: translateY(-20px);
  }
  
  .fade-enter-active {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 300ms, transform 300ms;
  }
  
  /* 退出动画 */
  .fade-exit {
    opacity: 1;
    transform: translateY(0);
  }
  
  .fade-exit-active {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 300ms, transform 300ms;
  }
  
  table {
    border-collapse: collapse;
    width: 100%;
}

tr:nth-child(even) {
  
    background-color: #f2f2f2; /* 设置偶数行的背景色 */
}

tr:nth-child(odd) {
    background-color: #ffffff; /* 设置奇数行的背景色 */
}

td, th {
    border: 1px solid #000;
    padding: 8px;
}


.markdown-text {
  font-size: 28px; /* 控制字体大小 */
  color: transparent; /* 初始文字透明 */
  display: inline-block; /* 内联元素，使得animation生效 */
 
}

/* 定义动画效果 */
@keyframes addTextAnimation {
  from {
    color: transparent; /* 初始颜色透明 */
  }
  to {
    color: #333; /* 最终颜色 */
  }
}

.markdown-text * {
  animation: addTextAnimation 1s linear forwards; /* 控制动画持续时间和动画效果 */
  animation-delay: 0.001s; /* 初始动画延迟 */
}
